<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        /* 后代选择器，不同嵌套的多深，只要是后代，都可以选中 */
        ul li{
            color: skyblue;
        }

        /* 儿子选择器，只能选中儿子 */
        /* > 表示直接子元素，说白了就是儿子 */
        ul>li{
            /* border给盒子设置边框  1px表示边框的粗细  solid表示边框的样式  red表示边框的颜色 */
            border: 1px solid red;
        }

        /* 
            后代选择器分两类：
                1）选中所有的后代  空格
                2）儿子选择器   只会选中儿子
        */
    </style>
</head>
<body>
    <ul>
        <li>我是一个li标签</li>
        <li>
            <ol>
                <li>我是最面的li</li>
            </ol>
        </li>
        <li>我是一个li标签</li>
    </ul>
</body>
</html>